<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/3/7
  Time: 10:37
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<script type="text/javascript">
    $(document).ready(function(){
        var wd = $(".nav-pills").width();
        jQuery(window).scroll(function() {
            $("#left_cate").css("width", wd);
        });

        $("#left_cate").affix({
            offset: {
                top: 125,
                bottom: function () {
                    return (this.bottom = $('.bottom').outerHeight(true));
                }

            }
        });
    });
</script>
<div class="list-group" >
    <ul class="nav nav-pills nav-stacked"  id="left_cate">
        <a href="#" class="list-group-item" style="text-align: center">女装</a>
        <a href="#" class="list-group-item" style="text-align: center">男装</a>
        <a href="#" class="list-group-item" style="text-align: center">鞋子</a>
        <a href="#" class="list-group-item" style="text-align: center">电脑</a>
        <a href="#" class="list-group-item" style="text-align: center">手机</a>
        <a href="#" class="list-group-item" style="text-align: center">平板</a>

    </ul>
</div>